<!DOCTYPE html>
<!-- saved from url=(0076)http://127.0.0.1:8020/html_css_js/calputer/calputer.html?__hbt=1553045696329 -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		
		<!--网页描述信息。搜索引擎会把content的内容作为网页的描述被用户搜索到。需要限制为150字以内。否则会被搜索引擎截断-->
		<meta name="description" content="本页面演示使用html和css和js的基础知识使用">
		<!--网页的关键字。有时会被搜索引擎忽略。但是正确的设置有时会提升网页的排名-->
		<meta name="keywords" content="js,html,css,计算器,calputer" <title=""></head><body>简易计算器
		<!--引入css文件。rel="stylesheet"必不可少。href使用了相对路径。当前目录下的css目录下的calputer.css文件.
			css文件的引入应该位于head标签内
		-->
		<link rel="stylesheet" type="text/css" href="./calputer_files/calputer.css">
	
	
		<!--用作计算器界面的主容器-->
		<div class="box">
			<div class="top">
				<!--文本框用于显示输入的数字和显示计算结果
					禁用避免用户使用键盘输入
				-->
				<input type="text" id="txtNum" disabled="disabled" value="0">
			</div>
			<div class="bottom">
				<div class="bottom_left">
					<button type="button" id="btnC" onclick="PressButton('c')">C</button>
					<button type="button" id="btn0" onclick="PressButton(0)">0</button>	
					<button type="button" id="btnDot" onclick="PressButton('.')">.</button>	
					<button type="button" id="btn1" onclick="PressButton(1)">1</button>	
					<button type="button" id="btn2" onclick="PressButton(2)">2</button>	
					<button type="button" id="btn3" onclick="PressButton(3)">3</button>	
					<button type="button" id="btn4" onclick="PressButton(4)">4</button>	
					<button type="button" id="btn5" onclick="PressButton(5)">5</button>	
					<button type="button" id="btn6" onclick="PressButton(6)">6</button>	
					<button type="button" id="btn7" onclick="PressButton(7)">7</button>	
					<button type="button" id="btn8" onclick="PressButton(8)">8</button>	
					<button type="button" id="btn9" onclick="PressButton(9)">9</button>	
				</div>
				<div class="bottom_right">
					<button type="button" id="btnJia" onclick='PressButton('+')">+</button>
					<button type="button" id="btnJian" onclick="PressButton('-')">-</button>
					<button type="button" id="btnCheng" onclick="PressButton('*')">*️</button>
					<button type="button" id="btnChu" onclick="PressButton('/')">/</button>
					<button type="button" id="btnResult" onclick="PressButton('=')">=</button>
					
				</div>
				
			</div>
		</div>
		<!--引入js脚本文件。src为文件地址。js文件的引入应位于body中的html代码之后-->
		<script type="text/javascript" src="./calputer_files/calputer.js"></script>
	

</body></html>